<template lang="pug">
  .clearfix
    Modal.lzw-modal-style-2(
      v-model="isShowUpgradeNoticeDetailModal"
      title="升级公告"
      fullscreen
    )
      Spin(size="large" fix v-if="detailSpinShow")
      div
        .clearfix.text-center.mb-20
          span.pl-10.pr-10 版本号：{{bulletinData && bulletinData.versionNumber ? bulletinData.versionNumber : ''}}
          span.pl-10.pr-10 发布日期：{{bulletinData && bulletinData.releaseTime ? bulletinData.releaseTime : ''}}
        .clearfix.mb-20
          .bulletin-content 【功能简述】：{{bulletinData && bulletinData.bulletinSynopsis ? bulletinData.bulletinSynopsis : ''}}
        .clearfix
          .bulletin-content(v-html="bulletinContent")

      .clearfix(slot="footer")
        Button(@click="cancel") 关闭
</template>

<script>
import { WorkDayPlanApi } from '@/api/WorkDayPlan.api.js'

export default {
  name: '',

  props: {
    detailSpinShow: Boolean,
    bulletinData: Object
  },

  components: {
  },

  data () {
    return {
      isShowUpgradeNoticeDetailModal: false,
      basicDataId: ''
    }
  },

  watch: {
  },
  computed: {
    bulletinContent () {
      return this.bulletinData && this.bulletinData.bulletinContent ? this.bulletinData.bulletinContent : ''
    }
  },

  mounted () {
  },

  methods: {
    cancel () {
      this.isShowUpgradeNoticeDetailModal = false
    },

    show () {
      this.isShowUpgradeNoticeDetailModal = true
    }
  }
}
</script>

<style lang="scss">
  .bulletin-content{
    img{
      width: auto;
    }
  }
</style>
